.title-h {
    font-family: FZHZ;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    background: rgba(0, 50, 76, 0.85);
    box-shadow: 0px 2px 0px 0px #00B7D4;
    border-bottom: 1px solid #00B7D4;
    align-items: center;
    letter-spacing:2px;
    >div {
        display: flex;
        align-items: center;
        img {
            width: 36px;
        }
    }
    
}

//地图点标记样式
.amap-markerYs {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    .markerYs-text {
        font-size: 12px;
        text-align: center;
    }
}
//地图弹窗
.amap-box {
    width: 480px;
    box-sizing: border-box;
    .duty-box {
        display: flex;
        flex-flow: column;
        width: 100%;
        background-color: rgba(0, 50, 76, 0.85);
        margin-top: 10px;
        padding: 20px;
        box-sizing: border-box;
        height: calc(100% - 60px);
        .duty-top {
            font-family: FZHZ;
            letter-spacing:2px;
            display: flex;
            color: #00DFFF;
            font-size: 12px;
            margin-bottom: 10px;
            .shuju-list {
                width: 25%;
                    .title-list {
                    display: flex;
                    flex-flow: column;
                    >div {
                        display: flex;
                        justify-content: center;
                        font-family: FZHZ;
                        letter-spacing:2px;
                    }
                    .title01 {
                        color:#FFBD38;
                        font-size: 18px;
                    }
                    .title02 {
                        font-size: 16px;
                    }
                    .img {
                        margin: 10px 0;
                    }
                }
            }
        }
        .duty-bottom {
            display: flex;
            img {
                width: 100%;
            }
            .title-left {
                display: flex;
                align-items: center;
                padding: 10px;
                font-size: 12px;
                color: #FFFFFF;
                flex-basis: 24px;
                flex-shrink: 0;
                background-color: rgba(1, 65, 90, 0.2);
                box-shadow: -2px 0px 0px 0px #00b7d4;
            }
            .list-right {
                display: flex;
                flex-wrap: wrap;
                // height:180px;
                overflow-y: hidden;
                // height: calc(100% - 150px);
                .title-list {
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    height: 40px;
                    .title{
                        white-space: nowrap;
                        font-size: 14px;
                        text-align: center;
                        color: #0AAFF5;
                    }
                  }
                  .list-container {
                    display: flex;
                    .item {
                        display: flex;
                        height: 40px;
                        justify-content: center;
                        align-items: center;
                        white-space: nowrap;
                        font-size: 14px;
                        color: #FFFFFF;
                        font-weight: bold;
                        background-color: #01415A;
                    }
                  }
                  .ellip{
                      overflow: hidden;
                      text-overflow: ellipsis;
                      display: block;
                      display: -webkit-box;
                      line-clamp: 1;
                      -webkit-line-clamp:1;
                      box-orient: vertical;
                      -webkit-box-orient: vertical;
                      flex-wrap: wrap;
                  }
            }
        }
    }
}